<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript">
	window.onload = function  () {
		var oDiv = document.getElementById('div1');

		addClassName( oDiv, 'box1');
		
		function addClassName( obj, _className ){
			//如果原来没有class
			if ( obj.className == '') {
				obj.className = _className;
			}else{
			//如果原来没有class
				
				var arrClassName = obj.className.split(' ');
				var _index = arrIndexOf( arrClassName, _className );
				if ( _index == -1) {//如果要添加的class在原来的class中不存在
					obj.className += ' ' + _className;
				};
				//如果要添加的class在原来的class中存在(什么都不做)
			}
			
		}

		//这是一个可以找到数组arr内,是否有v，有就找出对应的位置（返回值）
		function arrIndexOf (arr, v) {
			for (var i = 0; i < arr.length; i++) {
				if ( arr[i] == v ){
					return i;	//找到返还位置
				}
			};
			return -1;		//没找到返回一个值-1【没有放在for循环之内】
		}

		
	}
	</script>
</head>
<body>
	<div id="div1" class="box"></div>
</body>
</html>